﻿body
{
    font: normal .80em 'trebuchet ms' , arial, sans-serif;
    background: #F3F3F3;
    background-image: url('/Content/Images/pattern.png');
    color: #555;
}

h1, h2, h3, h4, h5, h6
{
    font: normal 250% 'Yanone Kaffeesatz' , arial, sans-serif;
    color: #444;
    margin: 0 0 15px 0;
    padding: 5px 0 5px 0;
}

h2
{
    font: normal 170% 'Yanone Kaffeesatz' , arial, sans-serif;
    color: #F14E23;
    margin: 0;
    padding: 0 0 8px 0;
}

a, a:hover
{
    outline: none;
    text-decoration: none;
    color: #DB0000;
}

a:hover
{
    text-decoration: underline;
}

#main, #header, #logo, #menubar, #site_content, #footer
{
    margin-left: auto;
    margin-right: auto;
}

#main
{
    width: 850px;
    margin: 20px auto;
}

#header
{
    width: 100%;
    height: 5px;
}

.slogan
{
    float: left;
    padding-right: 25px;
    font: 200%;
    color: #444;
}

#menubar
{
    height: 46px;
    width: 700px;
    margin: 0 -2px 10px -1px;
    float: right;
    padding: 0px 0 0 0;
}

ul#menu
{
    float: right;
}

ul#menu li
{
    float: left;
    padding: 0 0 0px 0px;
    list-style: none;
    margin: 2px 0 0 0;
    background: transparent;
}

ul#menu li a
{
    font: normal 170% 'Yanone Kaffeesatz' , sans-serif;
    text-decoration: none;
    color: #444;
    display: block;
    float: left;
    height: 20px;
    padding: 7px 23px 15px 23px;
    text-align: center;
}

ul#menu li.current a
{
    height: 20px;
    padding: 6px 22px 15px 22px;
}

ul#menu li.current a
{
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-color: #A19A92;
    color: #F14E23;
}

ul#menu li a:hover
{
    color: #F14E23;
}

#site_content
{
    width: 850px;
    overflow: hidden;
    margin: 0 auto 0 auto;
    padding: 0;
    background: #fff;
    border: 1px solid #A19A92;
}

#content
{
    text-align: left;
    width: 800px;
    padding: 25px 0 5px 25px;
    margin: 0;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    background-color: #FFF8ED;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
    color: #F14E23;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/

.pageTitle
{
    margin: 0 0 0 0;
    text-align: center;
}

.Valid
{
    background: #EEFFD1;
    border: 1px solid #4F8A10;
    color: #4F8A10;
    display: block;
    text-align: center;
    text-align: center;
    padding: 10px 0px 10px 0px;
}
.InValid
{
    background: #FFD1D1;
    border: 1px solid #8A1010;
    color: #8A1010;
    display: block;
    text-align: center;
    text-align: center;
    padding: 10px 0px 10px 0px;
}

/*------------------------------------TABLE GENERATOR ----------------------------------*/

table
{
    margin: 10px 0 10px 0;
    width: 100%;
    text-align: center;
    border: 1px;
    border-color: #000000;
    border-style: solid;
    background: #FFFFFF;
    border-collapse: collapse;
}

table tr th, table tr td
{
    background: #FFE1B0;
    color: #000000;
    padding: 7px 4px;
    text-align: center;
    border: 1px;
    border-style: solid;
    border-color: #000000;
    width: auto;
}

table tr td
{
    background: #FFF1DB;
    color: #000000;
}

label
{
    padding: 4px 0 0;
    float: left;
    width: 120px;
    font-weight: bold;
}

input, textarea
{
    display: block;
    width: 180px;
    margin-bottom: 4px;
}

input[type='checkbox']
{
    width: 15px;
    margin: 10px 0 0;
}

input[type="text"], input[type="password"]
{
    padding: 4px;
    font-size: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #717171;
    -webkit-box-shadow: 1px 1px 0px #efefef;
    -moz-box-shadow: 1px 1px 0px #efefef;
}

input:focus
{
    -webkit-box-shadow: 0px 0px 5px #FF8000;
    -moz-box-shadow: 0px 0px 5px #FF8000;
    box-shadow: 0px 0px 5px #FF8000;
}

select
{
    border: 1px solid #ccc;
    color: #000000;
    font-size: 1.2em;
    padding: 0;
    width: 190px;
}

input[type="submit"]
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(19% 75% 90deg,#F0DEB8, #FDF0D1, #fff 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0DEB8), color-stop(.3,#FDF0D1));
    color: #836d4d;
    float: left;
    font-family: arial,helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #000000;
}

input[type="submit"]:hover
{
    background: -moz-linear-gradient(19% 75% 90deg,#EBD9B4, #F2E6C8, #F5F5F5 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#EBD9B4), color-stop(.3,#F2E6C8));
}
